.statistics-page{
  min-height: 100%;
}
.page-top{
  display: flex;
 justify-content: center;
 align-items: center;
  height: 400rpx;
  width: 140%;
  margin-left: -20%;
  background-image: linear-gradient(to right, #2087fe, #015fff);
  border-radius: 0 0 40% 40%;
  padding-top: 40rpx;
  .top-img{
    width: 300rpx;
    margin-right: 60rpx;
  }
  .page-top-txt{
    color: #fff;
    .txt1{
      font-size: 34rpx;
      font-weight: bold;
      letter-spacing: 8rpx;
      margin-bottom: 30rpx;
    }
    .txt2{
      font-size: 30rpx;
      letter-spacing: 4rpx;
    }
  }
}
.top-header{
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 100%;
  font-size: 32rpx;
  font-weight: bold;
  color: #fff;
  background-image: linear-gradient(to right, #2087fe, #015fff);
  /* box-sizing: border-box; */
  padding-bottom: 20rpx;
  z-index: 10001;
}
.statistics-top {
  display: flex;
  justify-content: center;
  background-image: linear-gradient(to right, #2087fe, #015fff);
  padding-top: 100px;
  padding-bottom: 20px;
  /* height: 150px; */
  border-radius: 0 0 40% 40%;
  margin-bottom: 20rpx;
}
// .top-img {
//   max-height: 450rpx;
// }
.sub-header {
  height: 20px;
  background-color: #f0f3f8;
}

.statistics-part {
  margin-bottom: 20rpx;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 ￼ rgba(0, 0, 0, 0.1);
  border-radius: 16px 16px 0 0;
  padding: 20rpx;
  // background-image: linear-gradient(#eef6ff, #f8f9fc 80rpx, transparent 150rpx);
}